<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>home</title>
    
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
    crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
    crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
    crossorigin="anonymous"></script> -->
    <!-- <script src="https://cdn.bootcss.com/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
    crossorigin="anonymous"></script> -->
</head>

<body>
    <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar navbar-bzluoli">
        <div class="container">
            <a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="暴走萝莉">暴走萝莉</a>

            <div class="navbar-nav-scroll">
                <ul class="navbar-nav bd-navbar-nav flex-row">
                    <li class="nav-item">
                        <a class="nav-link active" href="/">热门</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">24小时</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">热图</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">文字</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#">投稿</a>
                    </li>
                </ul>
            </div>

            <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">


                <li class="nav-item">
                    <a class="nav-link p-2 rotate-360" href="#">
              <i class="icon iconfont icon-sina"></i>
    
            </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link p-2 rotate-360" href="#">
                  <i class="icon iconfont icon-wechat"></i>
      
              </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link p-2 rotate-360" href="#">
                    <i class="icon iconfont icon-qq"></i>
        
                </a>
                </li>

            </ul>


        </div>
    </header>


    <main class="main-bzluoli" id="content" role="main">
        <div class="container">
            <div class="row">
                <div class="col-md-8 pr-1 container-duanzi">
                    <div class="card text-white mb-3 card-bzluoli">
                        <div class="card-header">

                            <div class="face-warp js-show-personcard-111 " data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/89/avatar.png" alt="..." class="user-face"></a></div>
                            <div class="user-info">
                                <a href="#">小白菜 </a><i class="icon iconfont icon-dengji1"></i>
                                <small class="time">1分钟前</small>
                            </div>
                            <div class="dropdown dropdown-more">
                                <a class="dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        
                      </a>
                                <div class="dropdown-menu dropdown-menu-right animated fadeInRight" aria-labelledby="bd-versions">
                                    <a class="dropdown-item " href="#">屏蔽这条段子</a>
                                    <a class="dropdown-item " href="#">屏蔽&nbsp;小白菜</a>
                                    <a class="dropdown-item " href="#">关注&nbsp;小白菜</a>
                                    <a class="dropdown-item " href="#">举报</a>

                                </div>
                            </div>
                        </div>
                        <div class="card-body">

                            <a href="#">
                                <p class="card-text">一个好房子，毁在一个窗！一个好邻居，毁在他姓王！一个好妹子，毁在卸了妆！一个好男人，毁在一杆枪！一对好基友，毁在痔疮上！一根好黄瓜，毁在不够长！一个好处男，毁在肥皂上！一对好情侣，毁在性别上！一个好身材，毁在罩杯上！一个好片子，毁在打码上！一个好七夕，毁在姨妈上！一个好段子，毁在无赞扬！</p>
                            </a>

                        </div>
                        <div class="card-footer">
                            <div class="card-faster-event">
                                <a href="#" class="js-support-luoli">
                      
                      <i class="icon iconfont">&#xe646;</i><span>1001</span>
                    </a>
                                <span class="split-line"></span>
                                <a href="#" class="js-support-luoli">
                      <i class="icon iconfont icon-zan2"></i><span>1002</span>
                    </a>
                                <span class="split-line"></span>
                                <a href="#" class="js-comment comment-icon">
                      <i class="icon iconfont icon-pinglun"></i><span>1003</span>
                      <em></em>
                    </a>
                            </div>

                        </div>
                        <div class="card-comment-list">

                        </div>
                        <div class="card-comment-add animated">
                            <div class="comment">
                                <div class="face-warp"><img src="./images/avatar/14/avatar.png" alt="..." class="user-face"></div>
                                <div class="row post-comment clearfix">
                                    <div class="col-sm-10">
                                        <div class="editor" data-textarea="true"><textarea name="content" class="form-control" placeholder="吐槽一下吧，您的神回复将名垂青史..."></textarea></div>
                                    </div>
                                    <div class="col-sm-2 text-center">
                                        <button type="button" class="btn btn-min btn-primary">评论</button>
                                    </div>
                                </div>
                            </div>
                            <ul class="list-group">

                                <li class="list-item ">
                                    <div class="face-warp js-show-personcard" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/14/avatar.png" alt="..." class="user-face"></a></div>
                                    <div class="user-comment">
                                        <a href="#" class="primary-color">马云</a><i class="icon iconfont icon-dengji1"></i>：我自己经历的，昨天情人节，我给我喜欢的一个女孩定了一束花，结果送花的人没有著名署名
                                        ，而且她收到也不知道是我送的，更可气的是她竟然把我送的玫瑰送给了别的男人，瞬间感觉一堆绿头蝇在我头上飞
                                    </div>
                                    <div class="comment-footer d-flex justify-content-between">
                                        <span class="time">1分钟前</span>
                                        <div class="">
                                            <a href="#">回复</a><span class="split-line"></span>
                                            <a href="#">
                                  <i class="icon iconfont icon-zan1"></i>赞
                              </a>
                                        </div>
                                    </div>


                                </li>
                                <li class="list-item ">
                                    <div class="face-warp js-show-personcard" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/88/avatar.png" alt="..." class="user-face"></a></div>
                                    <div class="user-comment">
                                        <a href="#" class="primary-color">狗东 </a><i class="icon iconfont icon-dengji1"></i>：我自己飞
                                    </div>
                                    <div class="comment-footer d-flex justify-content-between">
                                        <span class="time">1分钟前</span>
                                        <div class="">
                                            <a href="#">回复</a><span class="split-line"></span>
                                            <a href="#">
                                    <i class="icon iconfont icon-zan1"></i>赞
                                </a>
                                        </div>
                                    </div>


                                </li>
                            </ul>
                            <p class="see-comment-all"><a href="#" class="primary-color">查看全部评论</a></p>

                        </div>
                    </div>
                    <div class="card text-white mb-3 card-bzluoli">
                        <div class="card-header">

                            <div class="face-warp js-show-personcard" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/14/avatar.png" alt="..." class="user-face"></a></div>
                            <div class="user-info">
                                <a href="#">小白菜 </a><i class="icon iconfont icon-dengji1"></i>
                                <small class="time">1分钟前</small>
                            </div>
                            <div class="dropdown dropdown-more">
                                <a class="dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        
                      </a>
                                <div class="dropdown-menu dropdown-menu-right animated fadeInRight" aria-labelledby="bd-versions">
                                    <a class="dropdown-item " href="#">屏蔽这条段子</a>
                                    <a class="dropdown-item " href="#">屏蔽&nbsp;小白菜</a>
                                    <a class="dropdown-item " href="#">关注&nbsp;小白菜</a>
                                    <a class="dropdown-item " href="#">举报</a>

                                </div>
                            </div>
                        </div>
                        <div class="card-body">

                            <a href="#">
                                <p class="card-text">一个好房子，毁在一个窗！一个好邻居，毁在他姓王！一个好妹子，毁在卸了妆！一个好男人，毁在一杆枪！一对好基友，毁在痔疮上！一根好黄瓜，毁在不够长！一个好处男，毁在肥皂上！一对好情侣，毁在性别上！一个好身材，毁在罩杯上！一个好片子，毁在打码上！一个好七夕，毁在姨妈上！一个好段子，毁在无赞扬！</p>
                            </a>

                        </div>
                        <div class="card-footer">
                            <div class="card-faster-event">
                                <a href="#" class="js-support-luoli">
                      
                      <i class="icon iconfont">&#xe646;</i><span>1001</span>
                    </a>
                                <span class="split-line"></span>
                                <a href="#" class="js-support-luoli">
                      <i class="icon iconfont icon-zan2"></i><span>1002</span>
                    </a>
                                <span class="split-line"></span>
                                <a href="#" class="js-comment comment-icon">
                      <i class="icon iconfont icon-pinglun"></i><span>1003</span>
                      <em></em>
                    </a>
                            </div>

                        </div>
                        <div class="card-comment-list">

                        </div>
                        <div class="card-comment-add animated">
                            <div class="comment">
                                <div class="face-warp"><img src="./images/avatar/14/avatar.png" alt="..." class="user-face"></div>
                                <div class="row post-comment clearfix">
                                    <div class="col-sm-10">
                                        <div class="editor" data-textarea="true"><textarea name="content" class="form-control" placeholder="吐槽一下吧，您的神回复将名垂青史..."></textarea></div>
                                    </div>
                                    <div class="col-sm-2 text-center">
                                        <button type="button" class="btn btn-min btn-primary">评论</button>
                                    </div>
                                </div>
                            </div>
                            <ul class="list-group">

                                <li class="list-item ">
                                    <div class="face-warp js-show-personcard" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/14/avatar.png" alt="..." class="user-face"></a></div>
                                    <div class="user-comment">
                                        <a href="#" class="primary-color">马云</a><i class="icon iconfont icon-dengji1"></i>：我自己经历的，昨天情人节，我给我喜欢的一个女孩定了一束花，结果送花的人没有著名署名
                                        ，而且她收到也不知道是我送的，更可气的是她竟然把我送的玫瑰送给了别的男人，瞬间感觉一堆绿头蝇在我头上飞
                                    </div>
                                    <div class="comment-footer d-flex justify-content-between">
                                        <span class="time">1分钟前</span>
                                        <div class="">
                                            <a href="#">回复</a><span class="split-line"></span>
                                            <a href="#">
                                  <i class="icon iconfont icon-zan1"></i>赞
                              </a>
                                        </div>
                                    </div>


                                </li>
                                <li class="list-item ">
                                    <div class="face-warp js-show-personcard" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"><a href="#"><img src="./images/avatar/88/avatar.png" alt="..." class="user-face"></a></div>
                                    <div class="user-comment">
                                        <a href="#" class="primary-color">狗东 </a><i class="icon iconfont icon-dengji1"></i>：我自己飞
                                    </div>
                                    <div class="comment-footer d-flex justify-content-between">
                                        <span class="time">1分钟前</span>
                                        <div class="">
                                            <a href="#">回复</a><span class="split-line"></span>
                                            <a href="#">
                                    <i class="icon iconfont icon-zan1"></i>赞
                                </a>
                                        </div>
                                    </div>


                                </li>
                            </ul>
                            <p class="see-comment-all"><a href="#" class="primary-color">查看全部评论</a></p>

                        </div>
                    </div>
                </div>
                <div class="col-md-4 affix">
                    <div class="sidebar-right-bzluoli">
                        <!-- HTML to write -->


                        <div class="card text-white mb-3 concentration-card">
                            <div class="card-header">暴走萝莉精选</div>
                            <div class="card-body">
                                <ul class="row">
                                    <li class="col-md-6 col-sm-12">
                                        <a href="#">
                        <img src="//pic.qiushibaike.com/system/pictures/11940/119400187/medium/app119400187.jpg?imageView2/1/w/146/h/146" alt="..." class="rounded-0">
                        </a>
                                        <a href="#">我都快要热死老</a>
                                    </li>
                                    <li class="col-md-6 col-sm-12">
                                        <a href="#">
                        <img src="//pic.qiushibaike.com/system/pictures/11945/119451442/medium/app119451442.jpg?imageView2/1/w/146/h/146" alt="..." class="rounded-0">
                        </a>
                                        <a href="#">宝宝的鸭子呢</a>
                                    </li>
                                    <li class="col-md-6 col-sm-12">
                                        <a href="#">
                        <img src="//pic.qiushibaike.com/system/pictures/11945/119451442/medium/app119451442.jpg?imageView2/1/w/146/h/146" alt="..." class="rounded-0">
                        </a>
                                        <a href="#">宝宝的鸭子呢</a>
                                    </li>
                                    <li class="col-md-6 col-sm-12">
                                        <a href="#">
                        <img src="//pic.qiushibaike.com/system/pictures/11940/119400187/medium/app119400187.jpg?imageView2/1/w/146/h/146" alt="..." class="rounded-0">
                        </a>
                                        <a href="#">我都快要热死老</a>
                                    </li>
                                    <li class="col-md-6 col-sm-12">
                                        <a href="#">
                        <img src="//pic.qiushibaike.com/system/pictures/11945/119451442/medium/app119451442.jpg?imageView2/1/w/146/h/146" alt="..." class="rounded-0">
                        </a>
                                        <a href="#">宝宝的鸭子呢</a>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <div class="card border-primary leaderboard-card mb-3">


                            <ul class="nav nav-tabs" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#tab0" tab-type="0">热门</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tab1" tab-type="1">话题</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tab2" tab-type="2">专区</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tab3" tab-type="3">推荐</a>
                                </li>

                            </ul>
                            <div class="card-body tab-content">
                                <div role="tabpanel" class="tab-pane fade animated fadeInRight active" id="tab0">
                                    <ul class="list-group">
                                        <li><i># </i><a href="/joke/2225992/">icloud重置照片流</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224771/">鲁滨孙漂流记英文版电影</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2220036/">k宝怎么用</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222019/">7k7k坦克联盟诸葛亮</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2225452/">逆流而上的鱼的故事</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224896/">尤溪江南大峡谷漂流</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222009/">7k7k坦克联盟过关</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221355/">神舟k660e加内存条</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2219106/">4k分辨率需要带宽</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221362/">起亚k3改成跑车图片</a><i> #</i></li>



                                    </ul>
                                </div>
                                <div role="tabpanel" class="tab-pane animated fadeInRight" id="tab1">
                                    <ul class="list-group">
                                        <li><i># </i><a href="/joke/2225992/">4444444</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224771/">鲁滨孙漂流记英文版电影</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2220036/">k宝怎么用</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222019/">7k7k坦克联盟诸葛亮</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2225452/">逆流而上的鱼的故事</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224896/">尤溪江南大峡谷漂流</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222009/">7k7k坦克联盟过关</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221355/">神舟k660e加内存条</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2219106/">4k分辨率需要带宽</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221362/">起亚k3改成跑车图片</a><i> #</i></li>



                                    </ul>
                                </div>
                                <div role="tabpanel" class="tab-pane animated fadeInRight" id="tab2">
                                    <ul class="list-group">
                                        <li><i># </i><a href="/joke/2225992/">3333333</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224771/">3333333</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2220036/">k宝怎么用</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222019/">7k7k坦克联盟诸葛亮</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2225452/">逆流而上的鱼的故事</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224896/">尤溪江南大峡谷漂流</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222009/">7k7k坦克联盟过关</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221355/">神舟k660e加内存条</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2219106/">4k分辨率需要带宽</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221362/">起亚k3改成跑车图片</a><i> #</i></li>



                                    </ul>
                                </div>
                                <div role="tabpanel" class="tab-pane animated fadeInRight" id="tab3">
                                    <ul class="list-group">
                                        <li><i># </i><a href="/joke/2225992/">2222222</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224771/">2222222222</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2220036/">k宝怎么用</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222019/">7k7k坦克联盟诸葛亮</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2225452/">逆流而上的鱼的故事</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2224896/">尤溪江南大峡谷漂流</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2222009/">7k7k坦克联盟过关</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221355/">神舟k660e加内存条</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2219106/">4k分辨率需要带宽</a><i> #</i></li>

                                        <li><i># </i><a href="/joke/2221362/">起亚k3改成跑车图片</a><i> #</i></li>



                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="card border-primary mb-3" style="max-width: 20rem;">
                            <div class="card-body text-primary">
                                <h5 class="card-title">暴走萝莉热门标签</h5>
                                <div class="card-text">
                                    <a href="#" target="_blank" class="text-secondary">不作死就不会死</a>
                                    <a href="#" target="_blank" class="text-primary">熊孩子</a>
                                    <a href="#" target="_blank" class="text-success">秀恩爱</a>
                                    <a href="#" target="_blank" class="text-danger">女汉子</a>
                                    <a href="#" target="_blank" class="text-warning">捧腹原创</a>
                                    <a href="#" target="_blank" class="text-info">喵星人</a>
                                    <a href="#" target="_blank" class="text-dark">汪星人</a>
                                    <a href="#" target="_blank" class="text-danger">美女</a>
                                    <a href="#" target="_blank" class="text-success">今日话题</a>
                                    <a href="#" target="_blank" class="text-success">恶搞</a>

                                </div>
                            </div>
                        </div>


                    </div>

                </div>
            </div>

        </div>
    </main>

    <footer class="bzluoli-footer text-muted">
        <div class="container pb-5">
            <div class="bzluoli-footer-links d-flex flex-row">
                <div class="pr-3"><i class="icon iconfont icon-lianjie">友情链接</i></div>
                <ul>
                    <li><a href="https://github.com/twbs/bootstrap">GitHub</a></li>
                    <li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
                    <li><a href="/docs/4.0/examples/">Examples</a></li>
                    <li><a href="/docs/4.0/about/">About</a></li>
                </ul>
            </div>
            <div class="bzluoli-about pt-4 pb-4">

                <ul class="d-flex justify-content-between">
                    <li>
                        <h4>关于</h4>
                        <a href="#">关于我们</a>
                        <a href="#">加入我们</a>
                        <a href="#">联系方式</a>
                    </li>
                    <li>
                        <h4>帮助</h4>
                        <a href="#">在线反馈</a>
                        <a href="#">用户协议</a>
                        <a href="#">隐私政策</a>
                    </li>
                    <li>
                        <h4>关注</h4>
                        <a href="#">微信</a>
                        <a href="#">新浪微博</a>
                        <a href="#">QQ空间</a>
                    </li>
                    <li>
                        <h4>组织 </h4>
                        <a href="#">网站反馈群</a>
                        <a href="#">官方粉丝群</a>
                    </li>
                </ul>

            </div>

            <p class="text-center p-2">Copyright 2015 - 2017 51luoli.com 版权归萝莉网络科技有限公司所有 <a rel="nofollow" href="http://www.miitbeian.gov.cn/" target="_blank">浙ICP备16016376号-2</a></p>
        </div>
    </footer>



</body>



</html>